<ul class="sidebar-menu" ng-controller="SideMenuCtrl as menuCtrl">
    <!--<li class="header"><a href="javascript:void(0)" class="sidebar-toggle" data-toggle="offcanvas" role="button" ng-click="toggleSidebar()">
            <span class="sr-only">切换导航</span>
        </a></li>
	-->
    <li  scroll-bar margin-top-offset="50">
    	<ul class="sidebar-menu " id="sidebarmenu">
	   		<li ng-repeat="menu1 in menus"
	        class="treeview" ng-class="{true:'active'}[menuCtrl.isMenuSelected(menu1)]">
		        <a href="javascript:void(0)" class="menuitem menufont" ng-class="{'menuleft':menu1.state}"  ng-click="menuCtrl.selectMenu1(menu1)"  ng-if="menu1.state">
		            <i ng-class="menu1.icon"></i>
					<!--<i class="iconSide">●</i>-->
		            <span>{{menu1.name}}</span>
		            <i ng-show="menu1.children" class="fa fa-angle-left pull-right"></i>
		        </a>
				<p ng-class="{true:'menuShrink', false:'menutitle menufont2 titleleft'}[menuShrink]"   ng-if="!menu1.state">
					{{menu1.name}}
				</p>
		        <ul class="treeview-menu treeviewMenu" ng-show="menu1.children">
		            <li ng-repeat="menu2 in menu1.children" ng-class="{true:'active'}[menuCtrl.isMenuSelected(menu2)]" >
		                <a href="javascript:void(0)" class="menuitem menufont" ng-class="{'menuleft':menu2.state}" ng-click="menuCtrl.selectMenu2($event, menu2)">
		                    <i ng-class="menu2.icon"></i>
							<span>{{menu2.name}}</span>
							<i ng-show="menu2.children" class="fa fa-angle-left pull-right"></i>
		                </a>
		
		                <ul class="treeview-menu treeviewMenu" style="padding-left:10px;" ng-show="menu2.children">
		                    <li ng-repeat="menu3 in menu2.children" >
		                        <!--<a ui-sref="{{menu3.state}}"><i class="fa fa-circle-o"></i> {{menu3.name}}</a>-->
								<a href="javascript:void(0)" ng-click="menuCtrl.selectMenu3($event, menu3)" class="menuitem menufont" ng-class="{'menuleft':menu3.state}" >
									<i class="fa fa-circle-o"></i>
									 <span>{{menu3.name}}</span>
								</a>
								
		                    </li>
		                </ul>
		            </li>
		        </ul>
		    </li>
    	</ul>
    </li>
   
</ul>